<li class="shop_li" [navPush]="'ShopPage'" [navParams]="{geohash: geohash, id: shop.id}">
  <section>
    <img [src]="imgBaseUrl + shop.image_path" class="shop_img">
  </section>
  <div class="shop_right">
    <header class="shop_detail_header">
      <h4 [ngClass]="{'premium':shop.is_premium}" class="shop_title ellipsis">{{shop.name}}</h4>
      <ul class="shop_detail_ul">
        <li *ngFor="let shop of shop.supports" class="supports">{{shop.icon_name}}</li>
      </ul>
    </header>
    <h5 class="rating_order_num">
      <section class="rating_order_num_left">
        <section class="rating_section">
          <rating-star [rating]='shop.rating'></rating-star>
          <span class="rating_num">{{shop.rating}}</span>
        </section>
        <section class="order_section">
          月售{{shop.recent_order_num}}单
        </section>
      </section>
      <section class="rating_order_num_right">
        <span class="delivery_style delivery_left" *ngIf="shop.delivery_mode">{{shop.delivery_mode.text}}</span>
        <span class="delivery_style delivery_right" *ngIf="zhunShi(shop.supports)">准时达</span>
      </section>
    </h5>
    <h5 class="fee_distance">
      <p class="fee">
        ¥{{shop.float_minimum_order_amount}}起送
        <span class="segmentation">/</span> {{shop.piecewise_agent_fee.tips}}
      </p>
      <p class="distance_time">
        <span *ngIf="distance">{{shop.distance > 1000? (shop.distance/1000).toFixed(2) + 'km': shop.distance + 'm'}}
								<span class="segmentation">/</span>
        </span>
        <span *ngIf="!distance">{{shop.distance}}</span>
        <span class="segmentation">/</span>
        <span class="order_time">{{shop.order_lead_time}}</span>
      </p>
    </h5>
  </div>
</li>